<template>
  <section class="todoapp">
    <TodoHeader/>
    <TodoMain/>
    <TodoFooter/>
  </section>
</template>

<script>
//引入组件
import TodoHeader from '@/components/TodoHeader.vue'
import TodoMain from '@/components/TodoMain.vue'
import TodoFooter from '@/components/TodoFooter.vue'

export default {
  //注册组件
  components: { TodoHeader, TodoMain, TodoFooter },
  created () {
    this.$store.dispatch('todo/geList')
  },
}
</script>
<style></style>
